<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <title>服务员</title>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <!--以显示网页的屏幕宽度定义了视窗宽度。网页的比例和最大比例被设置为100%-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/>
    <link rel="stylesheet" href="asset/plugins/weui/css/weui.min.css">
    <link rel="stylesheet" href="asset/plugins/jquery-weui/css/jquery-weui.min.css">
    <link rel="stylesheet" href="asset/plugins/iconfont/iconfont.css">

    <link rel="stylesheet" href="asset/css/p-index.css">
</head>
<body>
    <!--header 开始-->
    <header class="m-page-header">
        <!--排行榜 开始-->
        <div class="m-ranking-list weui-flex js-msg-list">
            <div class="weui-flex__item m-ranking_content-wrap ">
                <ul class="m-ranking_content g-clearfix">
                    <li>
                        <p class="m-ranking_content_comment">
                            <img src="asset/images/gift/gift.png" alt="" class="m-ranking_gift">
                            <img src="asset/images/gift/gift.png" alt="" class="m-ranking_gift">
                            <img src="asset/images/gift/gift.png" alt="" class="m-ranking_gift">
                            <span class="m-ranking_name">111用户姓名</span>
                            <img class="m-ranking_avatar" src="asset/images/avatar/a9.jpg" alt="">
                            <span class="m-ranking_text">大官人豪掷千金，打赏</span>
                            <span class="m-ranking_name">工号21</span>
                            <img class="m-ranking_avatar" src="asset/images/avatar/a9.jpg" alt="">
                            <span class="g-c--orange">礼物名字</span>
                            <img src="asset/images/gift/gift.png" alt="" class="m-ranking_gift">
                            <img src="asset/images/gift/gift.png" alt="" class="m-ranking_gift">
                            <img src="asset/images/gift/gift.png" alt="" class="m-ranking_gift">
                        </p>
                    </li>

                </ul>
            </div>
            <div class="m-ranking_link-wrap">
                <a href="javascript:;" class="m-ranking_link weui-btn_orange open-popup" data-target="#rankingList"><i class="iconfont icon-paihangbang"></i><span>排行榜</span></a>
            </div>
        </div>
        <!--排行榜 结束-->
        <!--轮播图 开始-->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="asset/images/banner/sucai1.jpg" alt=""></div>
                <div class="swiper-slide"><img src="asset/images/banner/sucai2.jpg" alt=""></div>
                <div class="swiper-slide"><img src="asset/images/banner/sucai1.jpg" alt=""></div>
            </div>
        </div>
        <!--轮播图 结束-->
        <div class="m-info-bar weui-flex">
            <div class="m-info_title"><h2>某某足浴店</h2></div>
            <div class="weui-flex__item">
                <p class="m-info_address">绍兴市越城区迪荡湖路321号绍兴市越城区迪荡湖路321号</p>
            </div>
            <div class="m-info_collection js-start-collection"><i class="iconfont icon-wujiaoxing-copy1"></i></div>
        </div>
    </header>
    <!--header 结束-->
    <!--内容 开始-->
    <div class=" p-waiter">
        <section class="m-container">
            <!--技师列表 开始-->
            <div class="weui-panel weui-panel_access m-weui-panel--waiter">
                <div class="weui-panel__bd">
                    <a href="waiter-info.html" class="weui-media-box weui-media-box_appmsg">
                        <div class="weui-media-box__hd"><img src="asset/images/avatar/a9.jpg" alt="" class="weui-media-box__thumb g-img-circle g-img-bordered "></div>
                        <div class="weui-media-box__bd">
                            <h4 class="weui-media-box__title">工号：021</h4>
                            <p class="weui-media-box__desc m-media_box_help g-c--orange">等级：金牌技师</p>
                            <p class="weui-media-box__desc">小妹技法娴熟，各位老板快来点我吧~</p>

                        </div>
                        <i class="iconfont icon-enter"></i>
                        <!--状态图片-->
                        <img class="p-waiter--waiting" src="asset/images/icon-global/Waiting.png" alt="">
                        <!--打赏数量-->
                        <div class="p-gift">
                            <img class="p-gift-img" src="asset/images/gift/gift.png" alt="礼物">
                            <p class="p-gift-text">× <span>321</span>已赏</p>
                        </div>
                        <!--评分-->
                        <div class="m-grade-wrap">
                            <p class="m-grade-label">评价：</p>
                            <div class="m-grade-stars">
                                <div class="m-grade_star">
                                    <span class="m-grade_star_score">3.0</span>

                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="javascript:;" class="weui-media-box weui-media-box_appmsg">
                        <div class="weui-media-box__hd"><img src="asset/images/avatar/a9.jpg" alt="" class="weui-media-box__thumb g-img-circle g-img-bordered"></div>
                        <div class="weui-media-box__bd">
                            <h4 class="weui-media-box__title">工号：021</h4>
                            <p class="weui-media-box__desc m-media_box_help g-c--orange">等级：金牌技师</p>
                            <p class="weui-media-box__desc">小妹技法娴熟，各位老板快来点我吧~</p>

                        </div>
                        <i class="iconfont icon-enter"></i>
                        <!--状态图片-->
                        <img class="p-waiter--waiting" src="asset/images/icon-global/working.png" alt="">
                        <!--打赏数量-->
                        <div class="p-gift">
                            <img class="p-gift-img" src="asset/images/gift/gift.png" alt="礼物">
                            <p class="p-gift-text">× <span>321</span>已赏</p>
                        </div>
                        <!--评分-->
                        <div class="m-grade-wrap">
                            <p class="m-grade-label">评价：</p>
                            <div class="m-grade-stars">
                                <div class="m-grade_star">
                                    <span class="m-grade_star_score">2.4</span>

                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="javascript:;" class="weui-media-box weui-media-box_appmsg">
                        <div class="weui-media-box__hd"><img src="asset/images/avatar/a9.jpg" alt="" class="weui-media-box__thumb g-img-circle g-img-bordered"></div>
                        <div class="weui-media-box__bd">
                            <h4 class="weui-media-box__title">工号：021</h4>
                            <p class="weui-media-box__desc m-media_box_help g-c--orange">等级：金牌技师</p>
                            <p class="weui-media-box__desc">小妹技法娴熟，各位老板快来点我吧~</p>

                        </div>
                        <i class="iconfont icon-enter"></i>
                        <!--状态图片-->
                        <img class="p-waiter--waiting" src="asset/images/icon-global/Waiting.png" alt="">
                        <!--打赏数量-->
                        <div class="p-gift">
                            <img class="p-gift-img" src="asset/images/gift/gift.png" alt="礼物">
                            <p class="p-gift-text">× <span>321</span>已赏</p>
                        </div>
                        <!--评分-->
                        <div class="m-grade-wrap">
                            <p class="m-grade-label">评价：</p>
                            <div class="m-grade-stars">
                                <div class="m-grade_star">
                                    <span class="m-grade_star_score">3.5</span>

                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="javascript:;" class="weui-media-box weui-media-box_appmsg">
                        <div class="weui-media-box__hd"><img src="asset/images/avatar/a9.jpg" alt="" class="weui-media-box__thumb g-img-circle g-img-bordered"></div>
                        <div class="weui-media-box__bd">
                            <h4 class="weui-media-box__title">工号：021</h4>
                            <p class="weui-media-box__desc m-media_box_help g-c--orange">等级：金牌技师</p>
                            <p class="weui-media-box__desc">小妹技法娴熟，各位老板快来点我吧~</p>

                        </div>
                        <i class="iconfont icon-enter"></i>
                        <!--状态图片-->
                        <img class="p-waiter--waiting" src="asset/images/icon-global/working.png" alt="">
                        <!--打赏数量-->
                        <div class="p-gift">
                            <img class="p-gift-img" src="asset/images/gift/gift.png" alt="礼物">
                            <p class="p-gift-text">× <span>321</span>已赏</p>
                        </div>
                        <!--评分-->
                        <div class="m-grade-wrap">
                            <p class="m-grade-label">评价：</p>
                            <div class="m-grade-stars">
                                <div class="m-grade_star">
                                    <span class="m-grade_star_score">4.6</span>

                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="weui-panel__ft">
                    <a href="index.html" class="weui-cell weui-cell_access weui-cell_link">
                        <div class="weui-cell__bd g-fs--14 g-ta--c">返回平台首页</div>
                        <span class="weui-cell__ft"></span>
                    </a>
                </div>
            </div>
            <!--技师列表 结束-->
        </section>
    </div>
    <!--内容 结束-->
    <a data-target="#comment" href="javascript:;" class="m-btn-tel m-btn-shadow animated bounceInUp"><i class="iconfont icon-dianhua-1"></i><span>预约热线</span></a>
    <a data-target="#comment" href="personal-center.html" class="m-btn-personal m-btn-shadow animated bounceInUp"><i class="iconfont icon-gerenzhongxin"></i><span>个人中心</span></a>
    <!--弹出层-排行榜 start-->
    <div id="rankingList" class="weui-popup__container weui-popup--foot-bath weui-popup--sm">
        <div class="weui-popup__overlay"></div>
        <div class="weui-popup__modal">
            <div class="m-modal_header">
                <h3 class="m-modal_title--img">打赏排行榜<img src="asset/images/img-global/renqipaihangbang.png" alt=""></h3>
                <a href="javascript:;" class="m-modal_header_closed close-popup">
                    <i class="iconfont icon-quxiao"></i>
                </a>
            </div>
            <div class="m-modal_body">
                <div class="g-overflow-wrap-y">
                    <div class="weui-cells m-cells--ranking">
                        <div class="weui-cell weui-cell_access">
                            <img class="m-ranking-num" src="asset/images/gift/first.png" alt="">
                            <div class="m-ranking-avatar">
                                <img class="m-avatar_top" src="asset/images/gift/frame.png" alt="">
                                <img class="m-avatar_bottom" src="asset/images/avatar/a9.jpg" alt="">
                            </div>
                            <p class="m-ranking_nickname">
                                工号：021
                            </p>
                            <div class="p-gift">
                                <img class="p-gift-img" src="asset/images/gift/gift.png" alt="礼物">
                                <p class="p-gift-text">×<span>321</span>人气</p>
                            </div>
                            <p class="m-ranking_total">
                                累积获赏：<span>9999.00</span>元
                            </p>

                        </div>
                        <div class="weui-cell weui-cell_access">
                            <span class="m-ranking-num">2</span>
                            <div class="m-ranking-avatar">
                                <img class="m-avatar_bottom" src="asset/images/avatar/a9.jpg" alt="">
                            </div>
                            <p class="m-ranking_nickname">
                                工号：021
                            </p>
                            <div class="p-gift">
                                <img class="p-gift-img" src="asset/images/gift/gift.png" alt="礼物">
                                <p class="p-gift-text">×<span>321</span>人气</p>
                            </div>
                            <p class="m-ranking_total">
                                累积获赏：<span>9999.00</span>元
                            </p>

                        </div>
                        <div class="weui-cell weui-cell_access">
                            <span class="m-ranking-num">3</span>
                            <div class="m-ranking-avatar">
                                <img class="m-avatar_bottom" src="asset/images/avatar/a9.jpg" alt="">
                            </div>
                            <p class="m-ranking_nickname">
                                工号：021
                            </p>
                            <div class="p-gift">
                                <img class="p-gift-img" src="asset/images/gift/gift.png" alt="礼物">
                                <p class="p-gift-text">×<span>321</span>人气</p>
                            </div>
                            <p class="m-ranking_total">
                                累积获赏：<span>9999.00</span>元
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--弹出层-排行榜 end-->

<script type="text/javascript" src="asset/plugins/jquery/jquery-2.1.4.js"></script>
<script type="text/javascript" src="asset/plugins/jquery-weui/js/jquery-weui.min.js"></script>
<script type="text/javascript" src="asset/plugins/swiper/swiper.min.js"></script>
<!--p-index.js-->
<script type="text/javascript" src="asset/js/p-waiter.js"></script>
<script type="text/javascript" src="asset/js/m-draw-bar.js"></script>
</body>
</html>